نکات طراحی وب

مرجع سریع HTML


لیست برچسب های برون ویژگی

شامل بخش مشاهده شده از سند است
<BODY> ... </ BODY>
رنگ پس زمینه را در کد هگزادسیمال(HexDecimal) تنظیم می کند
<BODY bgcolor = "color">
یک تصویر را به عنوان پس زمینه پس زمینه تنظیم می کند
<BODY background = "filename.format">
رنگ متن را در کد هگزادسیمال مشخص می کند
<BODY text = "color">
رنگ پیش فرض پیوندهای بدون بازدید در کد هگزادسیمال را مشخص می کند
<BODY link = "color">
رنگ لینک ها را روی کلیک در کد هگزادسیمال مشخص می کند
<BODY alink = "color">
رنگ لینک های دنبال شده در کد هگزادسیمال را مشخص می کند
<BODY vlink = "color">

برچسب فونت و ویژگی ها

تغییرات ویژگی های فونت برای متن در تگ ها
<FONT> ... </FONT>
اندازه فونت را از 1 تا 7 تنظیم می کند، 1 کوچکترین و 7 بزرگترین
<FONT size = "value"> ... </ FONT>
چهره فونت را تنظیم می کند
<FONT face = "name"> ... </ FONT>
رنگ فونت را با استفاده از کد هگزادسیمال تنظیم می کند
<FONT color = "color"> ... </ FONT>

برچسب تصویر و ویژگی ها

یک تصویر را در سند در محل تگ قرار دهید
<IMG>
یک تصویر با توضیح متن اضافه می کند
<IMG src = "url" alt = "text">
یک تصویر را به سمت چپ، راست، مرکز، پایین یا بالا ترانه بندی می کند
<IMG src = "url" alt = "text" align = "direction">
اندازه مرز اطراف یک تصویر را تعیین می کند
<IMG src = "url" alt = "text" border = "number">
ارتفاع تصویر را تنظیم می کند
<IMG src = "url" alt = "text" height = "pixels">
عرض یک تصویر را تنظیم می کند
<IMG src="url" alt = "text" width = "pixels">
حاشیه افقی را در اطراف یک تصویر قرار می دهد
<IMG src="url" alt = "متن" hspace = "pixels">
حاشیه عمودی را در اطراف یک تصویر قرار می دهد
<IMG src = "url" alt = "text" vspace = "pixels">
یک تصویر را به عنوان یک نقشه تصویر سمت مشتری تعیین می کند
<IMG src = "url" alt = "text" usemap = "map-name">

برچسب لنگر و ویژگی ها

منشاء و مقصد یک لینک را مشخص می کند
<A> ... </A>
یک لینک را ایجاد می کند
<A HREF="url "> <...> </ A>
پیوند به یک مکان هدف در صفحه فعلی
<A HREF="#NAME "> ... </ A>
لینک به یک مکان هدف در یک صفحه خارج از سایت شما
<A HREF="URL#NAME "> ... </A>
مکان مورد نظر در یک سند را تعیین می کند
<A NAME="NAME "> ... </ A>
پیوند mailto را ایجاد می کند
<A HREF="mailto:email"> ... </ A>

ویژگی های اختیاری

مشخص می کند که کدام سند مربوط به آن قرار داده شده است
<A HREF = "؟" target = "؟"> ... </ A>
روابط بین اسناد پیوند شده و صفحه فعلی ایجاد می کند
<A HREF = "؟" rel = "؟"> ... </ A>
یک رابطه معکوس بین صفحه فعلی و سند مرتبط شده ایجاد می کند
<A HREF = "؟" rev = "؟"> ... </A>

برچسب ها و ویژگی های جدول

یک جدول را ایجاد می کند
<TABLE> ... </ TABLE>
اندازه مرزهای سلولی را تنظیم می کند
<TABLE border = "pixels">
مقدار فضای بین سلول ها را تعیین می کند
<TABLE cellpacing = "pixels">
مقدار فضای بین محتوای مرزی و سلولی را تعیین می کند
<TABLE cellpadding = "pixels">
ارتفاع یک جدول را تنظیم می کند
<TABLE height = "pixels" یا "٪">
پهنای یک جدول را تنظیم می کند
<TABLE width = "pixels" یا "٪">
سلول داده جدول را تعریف می کند
<TD> ... </ TD>
یک سلول را برای تعریف ستون تعیین می کند
<TD colspan = "columns">
یک سلول را برای ردیف تنظیم می کند
<TD rowspan = "rows">
جلوگیری از خطوط در داخل یک سلول از بسته بندی
<TD nowrap>
یک هدر جدول را با داده های جدول ضخیم و مرکزی تعریف می کند
<TH> ... </ TH>
ردیف جدول را تعریف می کند
<TR> ... </ TR>
محتویات یک ردیف یا سلول را به سمت چپ، راست یا مرکز محصور می کند
<TR align = "؟"> یا <TD align = "؟">
تراز عمودی یک ردیف یا سلول را به بالا، وسط یا پایین تنظیم می کند
<TR valign = "؟"> یا <TD valign = "؟">

برچسب ها و ویژگی های قاب

طرح بندی زیر بخش ها را در پنجره مرورگر اصلی مشخص می کند
<FRAMESET> ... </ FRAMESET>
ردیف ها را در یک مجموعه فریم تعریف می کند
<FRAMESET rows = "value، value">
ستون ها را در یک مجموعه فریم تعریف می کند
<FRAMESET cols = "value، value">
دارای محتوای متناوب برای مرورگرهایی است که از فریم ها پشتیبانی نمی کنند
<NOFRAMES> ... </ NOFRAMES>
ظاهر و محتوای یک فریم را تعریف می کند
<FRAME src = "؟">
علامت قاب برای هدف قرار دادن با فریم های دیگر
<FRAME name = "name">
پهنای حاشیه یک قاب را تنظیم می کند
<FRAME marginwidth = "#">
ارتفاع حاشیه یک قاب را تنظیم می کند
<FRAME marginheight = "#">
یک اسکرول قاب ایجاد می کند
<FRAME scrolling = "value">
از تغییر اندازه یک قاب جلوگیری می کند
<FRAME noresize>

برچسب های فرم و ویژگی ها

یک ظرف برای تمام عناصر فرم ایجاد می کند
<FORM action = "url">
مسیر مسیر اسکریپت را برای پردازش ورودی از فرم تعیین می کند
<FORM> ... </ FORM>
مرورگر نحوه تعامل با URL فرم است
<FORM method = "get | post">
تعیین می کند که انواع MIME توسط سرور پردازش فرم پشتیبانی می کند
<FORM accept = "media type">
تعیین می کند که مجموعه های شخصیتی توسط سرور پردازش فرم پشتیبانی می شوند
<FORM accept-charset = "text">
فرمت داده های ارائه شده را تعریف می کند
<FORM enctype = "media type">
هر آیتم های منو را تعریف می کند
<OPTION>
منوی کشویی را تولید می کند
<SELECT name = "NAME"> ... </ SELECT>
یک کادر را ایجاد می کند
<INPUT type = "checkbox">
پنهان یک فیلد از نمایه
<INPUT type = "hidden">
یک تصویر را ایجاد می کند که مانند دکمه ارسال است
<INPUT type = "image">
یک جعبه رمز عبور یک خط ایجاد می کند
<INPUT type = "password">
یک دکمه رادیویی را ایجاد می کند
<INPUT type = "radio">
یک کادر متن یک خط را ایجاد می کند
<INPUT type = "text">
ایجاد یک دکمه ارسال (ارسال فرم)
<INPUT type = "submit">
ایجاد یک دکمه بازنشانی (پاک کردن فرم)
<INPUT type = "reset">
بازگشت به لیست وب مستر ها